<template>
  <div>
  <Typenav/>
  <List/>
  <Today/>
  <Rank/>
  <Like/>
  <Floor v-for='floor in floordatas.data' :floordata = 'floor' :key ='floor.id' />
  <Brand/>
  </div>
</template>

<script>

import {mapState,mapActions} from 'vuex'
import List from "@/components/List/List.vue"
import Today from "@/components/Today/Today.vue"
import Rank from "@/components/Rank/Rank.vue"
import Like from "@/components/Like/Like.vue"
import Floor from "@/components/Floor/Floor.vue"
import Brand from "@/components/Brand/Brand.vue"
export default {
  name: "",
  components:{
    List,Today,Rank,Like,Floor,Brand
  },
  methods:{
    ...mapActions('register',['haveUserData']),
  },
  computed:{
    ...mapState('home',['floordatas']),
    ...mapState('register',['haveonline'])
  },
  mounted(){
      this.haveUserData()
  }
};
</script>